import React, { Component } from 'react';
import '../styles/MySecKill.scss'
import pic1 from '../assets/12.gif'
import pic2 from '../assets/13.gif'
import pic3 from '../assets/14.gif'
import pic4 from '../assets/15.gif'
import pic5 from '../assets/16.gif'
import pic6 from '../assets/17.gif'

class MySecKill extends Component {
    constructor(props){
        super(props)
        this.state={
            list:[
                {pic:pic1,name:'Filorga菲洛嘉柔...',ori_price:'303',sec_price:'195'},
                {pic:pic2,name:'CLINIQUE倩碧...',ori_price:'924',sec_price:'675'},
                {pic:pic3,name:'La Mer 海蓝之...',ori_price:'2826',sec_price:'2543'},
                {pic:pic4,name:'Giorgio Armani...',ori_price:'430',sec_price:'413'},
                {pic:pic5,name:'Panier Des Sen...',ori_price:'110',sec_price:'93'},
                {pic:pic6,name:'Ulike 蓝宝石冰...',ori_price:'1749',sec_price:'1487'},
            ]
        }
    }
    render() {
        return (
            <div className='seckill'>
                {
                    this.state.list.map((item,index)=>{
                        return (
                            <div className="seckill_item" key={index}>
                                <img src={item.pic} alt="" />
                                <div className="name">{item.name}</div>
                                <span className="ori_price">原价 ￥{item.ori_price}</span>
                                <div className="sec_price">抢购价 ￥<span>{item.sec_price}</span></div>
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default MySecKill;